<div style="margin-top:45px;">

	<!-- 图标 -->
	<a-alert v-if="status && !status.connect"
		message="警告"
		description="计时器掉线啦！！！"
		type="warning"
		showIcon
	></a-alert>

	<a-card v-if="status && status.data">
		<p style="font-size:48px;text-align:center;margin-bottom:20px">
			<span>
				<a-icon type="close" v-if="!status.data.player"></a-icon>
				<a-icon type="caret-right" v-else-if="!status.data.pause"
					style="color:rgb(63,134,0);"></a-icon>
				<a-icon type="pause" v-else style="color:rgb(207,19,34);"></a-icon>
				&emsp;&emsp;{{timeText}}
			</span>
		</p>
		<i>上面为上次同步时间：{{status.instant}} ，真实时间请参照展示屏</i>
	</a-card>

	<a-row v-if="status" style="margin-top:30px;">
		<a-button type="primary" @click="commandStart()">开始</a-button>
		<a-button @click="commandPause()">暂停</a-button>
		<a-button type="danger" @click="commandStop()">结束</a-button>
		<a-button @click="commandReset()">重置</a-button>
		<a-button @click="commandCount()">计次</a-button>
		<a-button @click="commandUndoPause()">撤销暂停</a-button>
	</a-row>

</div>
